<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="format-detection" content="telephone=no" />

  <!-- Required meta viewport tag. Do not modify this! -->
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />

  <!-- "Add to homescreen" support -->
  <meta name="mobile-web-app-capable" content="yes">

  <title>Fries Template</title>

  <link rel="shortcut icon" href="favicon.png"/>

  <link rel="stylesheet" href="../dist/themes/holo-dark/holo-dark.min.css" />

  <!-- Or use individually -->
  <!--
  <link rel="stylesheet" href="../dist/css/holo-dark/base.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/animations.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/content.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/action-bars.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/buttons.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/dialogs.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/icomoon.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/forms.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/lists.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/sliders.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/spinners.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/stack.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/tabs.css" />
  <link rel="stylesheet" href="../dist/css/holo-dark/toasts.css" />
  -->
</head>
<body>

  <!-- All your pages must be wrapped in a div.page so that stack.js works -->
  <div class="page">

    <header class="action-bar fixed-top">
      <a href="javascript: void(0);" class="app-icon action" data-ignore="true">
        <i class="icon-fries"></i>
      </a>

      <h1 class="title">Title</h1>

      <!-- Add action buttons here -->

    </header>

    <div class="content">

      <!-- Add anything here -->

    </div>

    <div class="dialogs">
      <!-- This is a requried container for your dialogs. All dialogs that you want to display in this page go here -->
    </div>

  </div>

  <!-- Scripts at the bottom -->
  <script src="../dist/fries.min.js"></script>

  <!-- Or use individually -->
  <!--
  <script src="../lib/js/utils.js"></script>
  <script src="../lib/js/action-bars.js"></script>
  <script src="../lib/js/forms.js"></script>
  <script src="../lib/js/spinners.js"></script>
  <script src="../lib/js/stack.js"></script>
  <script src="../lib/js/dialogs.js"></script>
  <script src="../lib/js/tabs.js"></script>
  <script src="../lib/js/toasts.js"></script>
  -->

  <!-- Use fingerblast when testing on the browser -->
  <script src="js/fingerblast.js"></script>
</body>
</html>